<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>苏宁易购</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3690691_vdhb1vp1a3f.css">
    <link rel="stylesheet" href="../CSS/currency.min.css">
    <link rel="stylesheet" href="../CSS/index.min.css">
    <link rel="stylesheet" href="../CSS/swiper-bundle.min.css">


</head>

<body>
    <div class="header">
        <div class="toolbar w">
            <div class="left clear"> <span>网站导航<i class="iconfont icon-xiala"></i></span>
                <span>商家入驻<i class="iconfont icon-xiala"></i></span>
                <span>客户服务<i class="iconfont icon-xiala"></i></span>
                <span>网页无障碍<i class="iconfont icon-xiala"></i></span>
                <span><i class="iconfont icon-dingwei"></i>武汉</span>
            </div>
            <div class="right">
                <span class="log"><a href="./login.html">请登录</a></span>
                <span class="reg"><a href="./register.html">注册有礼</a></span>
                <span>我的订单<i class="iconfont icon-xiala"></i></span>
                <span>我的易购<i class="iconfont icon-xiala"></i></span>
                <span>苏宁会员</span>
                <span class="shoppingCar"><i class="iconfont icon-gouwuche"></i><a href="./shoppingCar.html">购物车</a><i
                        class="iconfont icon-xiala"></i></span>
                <span>易付宝</span>
                <span>企业采购</span>
                <span>手机苏宁<i class="iconfont icon-xiala"></i></span>
            </div>
        </div>
    </div>

    <div class="index-header w">
        <a href="https://www.suning.com/"> <img class="logo"
                src="https://image1.suning.cn/uimg/cms/img/159642507148437980.png"></a>
        <img class="gif-logo" src="https://image5.suning.cn/uimg/cms/img/166607256374141423.gif">
        <div class="search">
            <div class="search-g">
                <i class=" iconfont  icon-sousuo1"></i>
                <input type="text" class="search-inp" placeholder="爆款每满1000就减100哦">
                <button class="btn">搜索</button>
            </div>
            <div class="info">
                <span>手机</span>|
                <span>冰箱</span>|
                <span>电视</span>|
                <span>ipad</span>|
                <span>热水器</span>|
                <span>沙发</span>|
                <span>电饭煲</span>|
                <span>电动车</span>|
                <span>茅台</span>|
                <span>红枣</span>|
                <span>泡芙饼</span>
            </div>
        </div>
    </div>

    <div class="nav-bar w">
        <div class="classify clear">
            &emsp;<i class=" iconfont  icon-fenlei"></i>&emsp;分类
            <div class="data-info">
                <li>
                    <img src="https://image3.suning.cn/uimg/cms/img/165820999949428390.png" alt=""> 空调 / 冰箱 / 洗衣机
                </li>
                <li>
                    <img src="https://image2.suning.cn/uimg/cms/img/165820997761848075.png" alt=""> 电视 / 试听影音
                </li>
                <li>
                    <img src="https://image5.suning.cn/uimg/cms/img/165820994320648916.png" alt=""> 手机 / 配件 / 运营商
                </li>
                <li>
                    <img src="https://image5.suning.cn/uimg/cms/img/165820990612972788.png" alt=""> 厨房水电 / 卫浴 / 饮水
                </li>
                <li>
                    <img src="https://image1.suning.cn/uimg/cms/img/165820986565887810.png" alt=""> 厨房小店 / 生活电器
                </li>
                <li>
                    <img src="https://image3.suning.cn/uimg/cms/img/165820984424815946.png" alt=""> 电脑 / 相机 / 配件
                </li>
                <li>
                    <img src="https://image5.suning.cn/uimg/cms/img/165820980358441838.png" alt=""> 家具 / 家纺 / 家装 / 灯具
                </li>
                <li>
                    <img src="https://image1.suning.cn/uimg/cms/img/165820976703113805.png" alt=""> 食品 / 酒水 / 生鲜
                </li>
                <li>
                    <img src="https://image4.suning.cn/uimg/cms/img/165820972397771687.png" alt=""> 母婴 / 玩具 / 童装
                </li>
                <li>
                    <img src="https://image2.suning.cn/uimg/cms/img/165820958652197019.png" alt=""> 女装 / 男装 / 内衣 / 鞋靴
                </li>
                <li>
                    <img src="https://image4.suning.cn/uimg/cms/img/165820955248398444.png" alt=""> 运动 / 户外 / 骑行
                </li>
                <li>
                    <img src="https://image4.suning.cn/uimg/cms/img/165820946134435633.png" alt=""> 箱包 / 钟表 / 珍珠
                </li>
                <li>
                    <img src="https://image5.suning.cn/uimg/cms/img/165820938727417498.png" alt=""> 医药健康 / 计生情趣
                </li>
                <li>
                    <img src="https://image3.suning.cn/uimg/cms/img/165820915616467417.png" alt=""> 清洗 / 维修 / 安装 / 洗衣
                </li>
            </div>
        </div>
        <div class="info">
            <span>大聚惠</span>
            <span>苏宁家电</span>
            <span>手机数码</span>
            <span>苏宁超市</span>
            <span>家居建材</span>
            <span>生活家电</span>
            <span>帮客服务</span>
        </div>
        <div class="publicity">公示: 协议 | 规则 | 证照
            <div class="data-info">
                <img src="../IMAGES/sn-logo.png" class="sn-logo" alt="">
                <span class="">Hi,欢迎来到苏宁易购</span>
                <div class="hellouser"> <a href="./login.html?ReturnUrl=./index.html">登录</a> |
                    <a href="./register.html">注册</a>
                </div>
                <div class="user-info">
                    <img src="../IMAGES/user-info.png" alt="">
                </div>
            </div>

        </div>
    </div>


    <div class="banner w clear">

        <div class="swiper mySwiper ">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img class="banner-img"
                        src="https://oss.suning.com/adpp/creative_kit/material/picture/20221008-c96308bbe9174dfe9c5d0ee947aad279b005f88ee5de4928.jpg"
                        alt=""> </div>
                <div class="swiper-slide"> <img class="banner-img"
                        src="https://image1.suning.cn/uimg/cms/img/166623318767695674.jpg" alt=""> </div>
                <div class="swiper-slide"> <img class="banner-img"
                        src="https://oss.suning.com/adpp/creative_kit/material/picture/20220321-d34cb9bcf1e84e0dab4a24d27297bc36f37dc8ff951445eb.jpg"
                        alt=""> </div>
                <div class="swiper-slide"> <img class="banner-img"
                        src="https://oss.suning.com/adpp/creative_kit/material/picture/20220321-d34cb9bcf1e84e0dab4a24d27297bc36f37dc8ff951445eb.jpg"
                        alt=""> </div>
                <div class="swiper-slide"> <img class="banner-img"
                        src="https://oss.suning.com/adpp/creative_kit/material/picture/20200720-59b99b9398884daabd2e9d18424f373a711269f9c49745b2.jpg"
                        alt=""> </div>
                <div class="swiper-slide"> <img class="banner-img"
                        src="https://oss.suning.com/adpp/creative_kit/material/picture/20211021-6474f7f341aa4cebbc34583d5c433e54ac69ed66f8374faf.jpg"
                        alt=""></div>
                <div class="swiper-slide"> <img class="banner-img"
                        src="https://image1.suning.cn/uimg/cms/img/166615986793051835.png" alt=""> </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
        </div>


        <div class="bottom">
            <img src="https://image2.suning.cn/uimg/cms/img/166451851317179955.png" alt="">
            <img src="https://image2.suning.cn/uimg/cms/img/166130379854043655.png" alt="">
            <img src="https://image3.suning.cn/uimg/cms/img/165761790581432686.png" alt="">
            <img src="https://image2.suning.cn/uimg/cms/img/166130381784136883.jpg" alt="">
        </div>
    </div>

    <div class="container w">
        <div class="good-info"><span>为你推荐</span></div>
        <ul class="goods-list">
            <!-- <li> <a href="./goodsData.html?gid=${goodsId}">
                    <img src="${goodsImg}" alt="">
                    <div class="price">￥${(parseInt(goodsPrice).toFixed(2))}</div>
                    <div class="desc">${goodsName}</div>
                </a></li> -->

        </ul>
    </div>



</body>
<script src="../JS/tool.js"></script>
<script src="../JS/index.js"></script>



<!-- Initialize Swiper -->
<script src="../JS/swiper-bundle.min.js"></script>
<script>
    var swiper = new Swiper(".mySwiper", {
        slidesPerView: 1,
        spaceBetween: 30,
        loop: true,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,
        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>


</html>